<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>翻译器</title>
    <style>

    </style>
</head>
<link rel="stylesheet" href="css/style.css">
<body>
<div class="titel">
    <h1>翻译</h1>
    <p>中英互译</p>
</div>
<section class="main-btn">
    <button class="btn1 action" id="btn-1">中文</button>
    <button class="btn2" id="btn-2">英文</button>
    <button class="btn3" onclick="switchLan()"><img src="image/jinatou.png" alt=""></button>
    <button class="btn4 action" id="btn-3">英文</button>
    <button class="btn5" id="btn-4">中文</button>
</section>
<div class="main-text">
    <textarea name="" id="one" placeholder="中文" cols="75" rows="10"></textarea>
    <textarea name="" id="two" placeholder="英文" cols="75" rows="10" readonly="readonly"></textarea>
</div>

<div class="dingwei">
    <input type="button" value="翻译" class="btn6" id="chinn" onclick="res()">
</div>
<script src="js/script.js"></script>
</body>
</html>